<template>
  <el-dialog
    v-if="visible"
    title=""
    :visible.sync="visible"
    width="30%"
    :before-close="handleCancel"
    destroy-on-close
    class="esignature-tip"
    >
    <div class="content">
        <div>
            <i class="el-icon-warning warning-icon"></i>
            电子签名缺失
        </div>
        <div>
            请联系亮风台单位人员，配置电子签名后再发起{{ typeName }}。
        </div>
    </div>
    <div slot="footer" class="dialog-footer">
        <BaseButton type="second" :throttle-time="200" @click="handleCancel">取 消</BaseButton>
        <BaseButton @click="handelConfirm">确 定</BaseButton>
    </div>
    </el-dialog>
</template>
<script>

export default {
    name: 'EsignatureTip', 
    props: {
        typeName: {
            type: String,
            default: '申请'
        }
    },
    data() {
        return {
            visible: false,
        }
    },
    methods: {
        // 取消
        handleCancel() {
            this.visible = false
        },
        // 确定
        handelConfirm() {
            this.visible = false
        },
    
    }
}
</script>
<style scoped lang="scss">
.esignature-tip{
    z-index: 9999999;
}
.content{
    padding: 24px;
    .warning-icon{
        color: orange;
    }
}

</style>
